<template>
  <div>
    <h1>最顶层父类--> {{count}}</h1>
    <CenterCom></CenterCom>
    <BottomCom></BottomCom>
  </div>
</template>
<script setup>
import {provide, ref} from "vue";
import CenterCom from "@/components/Center-com.vue";
import BottomCom from "@/components/Bottom-com.vue";
const count = ref(100)
provide("count", count)

const changeCount = (newCount)=>{
  count.value = newCount
}
provide("changeCount", changeCount)
</script>
<style scoped lang="less">

</style>
